/**
 * 响应式工具函数
 */
import { DESIGN_CONFIG } from '@/config/design-constants.js'

// 根据设计稿尺寸转换为实际尺寸（考虑缩放）
export function px2vw(px) {
  return (px / DESIGN_CONFIG.WIDTH) * 100 + 'vw'
}

export function px2vh(px) {
  return (px / DESIGN_CONFIG.HEIGHT) * 100 + 'vh'
}

// 获取响应式字体大小
export function getResponsiveFontSize(px) {
  // 保证最小字体大小
  const minFontSize = 12
  const scale = Math.min(window.innerWidth / DESIGN_CONFIG.WIDTH,
    window.innerHeight / DESIGN_CONFIG.HEIGHT)
  return Math.max(px * scale, minFontSize)
}

// 设备检测
export function isMobile() {
  return window.innerWidth < 768
}

export function isTablet() {
  return window.innerWidth >= 768 && window.innerWidth < 1200
}

export function isDesktop() {
  return window.innerWidth >= 1200
}
